<%= form_for(@micropost) do |f| %>
  <%= render 'shared/error_messages' , :object=> f.object%>
  <div class="field">
    <%=  f.text_area :content , :placeholder=> "Compose new micropost..."%>
  </div>
  <span class="contador"></span>
  <%=  f.submit 'Post', :class=> "btn btn-large btn-primary" %>

<%end%>

<script>
  
  function atualizaContador() {
    var restante = 140 - $('#micropost_content').val().length;
    if(restante > 0)
      $('.contador').text(restante + " caracteres restantes");
    else{
      var msg = $('#micropost_content').val();
      msg = msg.slice(0, 140);
      $('#micropost_content').val(msg);
      $('.contador').text("0 caracter restante");
    }
  }
  $(document).ready(function(){
    atualizaContador();
    $('#micropost_content').change(atualizaContador);
    $('#micropost_content').keyup(atualizaContador);
  });

</script>